@mt-bg:#ffD000;
@mt-color:#FE8C00;
@mt-666:#666;
@mt-888:#aaa;

.hoverFn(){ 
	cursor: pointer;
	&:hover{
		color:@mt-color !important;  //不添加important  a标签不起作用
	}
}


@media screen and (max-width:1190px) {
	.width980{
		width:980px !important;
		margin: 0 auto;
	}
	.width1190{
		width:980px !important;
		margin: 0 auto;
	}
	.homeImg{
		width: 445px;
		height: 377px;
		img{
			width: 445px;
			height: 250px;
		}
	}
	
}
@media screen and (min-width:1190px) {
	.width980{
		width:1190px !important;
		margin: 0 auto;
	}
	.width1190{
		width:1190px !important;
		margin: 0 auto;
	}
	.homeImg{
		width: 370px;
		height: 335px;
		img{
			width: 370px;
			height: 210px;
		}
	}
}

html,body,#app{
	margin: 0;
	padding: 0;
	height: 100%;
	width:100%;
	font-size: 14px;

	.width980{
		width:980px;
		margin: 0 auto;
	}
	.width1190{
		width:1190px;
		margin: 0 auto;
	}
	.clearFix:after{
		content: '';
		height: 0;
		line-height: 0;
		display: block;
		visibility: hidden;
		clear: both;
	}
	.el-input{
		width: 280px !important;
	}
	input{
		border: 1px solid #aaa !important;
		&:focus{
			border: 1px solid  @mt-bg !important;
		}
	}
	.mtColor{
		color: @mt-color;
	}
	.mtBg{
		background: @mt-bg;
	}
	ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	a{
		color: #444;
		text-decoration: none;
	}
	.el-header,.el-container,.el-main,.el-footer{
		padding: 0;
	}
}

